<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>消息通知</title>
    <link rel="stylesheet" href="css/index.css" />
    <script src="js/jquery-1.9.1.min.js"></script>
</head>


<body >
    <div class="page-chat-contain">
        <div class="page-chat-top clearfix">
            <div class="page-logo-image fl"></div>
            <div class="page-registe fr">
                <a href="javascript:void(0)">登入 / 注册</a>
            </div>
        </div>
        <!-- 聊天contain -->
        <div class="page-chat-box">
            <!-- 描述 -->
            <div class="page-chat-dec">
                <div class="chat-dec-compant">
                    <span>泰安圣贵商贸有限公司的债权资产</span>
                </div>
                <div class="chat-money">
                    <span class="text-span">债权本金</span>
                    <span class="money-span">¥1800万</span>
                </div>
                <div class="chat-change-type clearfix">
                    <div class="chat-type-item fr">
                        <img src="./images/close.png" alt="" style="left:-23px;">
                        <span>结束本次聊天</span>
                    </div>
                    <div class="chat-type-item fr">
                        <img src="./images/chat.png" alt="" style="right:55px;">
                        <span>换微信</span>
                    </div>
                    <div class="chat-type-item fr" style="margin-right: 150px;">
                        <img src="./images/call.png" alt="" style="right:50px;">
                        <span>换电话</span>
                    </div>
                </div>
                <div class="chat-actor">
                    <div class="chat-image">
                        <img src="./images/face.png" alt="">&nbsp;
                        <span class="name-font">王大锤</span>&nbsp;
                        <span class="compant-font">北京野火金融</span>
                    </div>
                </div>
            </div>
            <div class="page-chat-detail" >
                <!-- 交换联系方式模板 right-->
                <div class="ask-exchange-right">
                    <img src="./images/face.png" alt="">
                    <div class="ask-change-contain">
                        <div class="ask-change-text">
                            <div class="ask-text">
                                <span>我想要跟您交换联系方式,您食肉同意</span>
                            </div>
                            <img src="./images/phone.png" alt="">
                        </div>
                        <div class="ask-result">
                            <div class="ask-item">
                                <span style="color: #D03F3D;">同意</span>
                            </div>
                            <div class="ask-item">
                                <span>拒绝</span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 成功交换方式模板 right-->
                <div class="ask-exchange-success-right">
                    <img src="./images/face.png" alt="">
                    <div class="ask-change-success-contain">
                        <div class="ask-change-text">
                            <div class="ask-text">
                                <span>我想要跟您交换联系方式,您食肉同意</span>
                            </div>
                            <img src="./images/phone.png" alt="">
                        </div>
                    </div>
                </div>
                <!-- 手机号成功发送给对方 -->
                <div class="reject-exchange">
                    <div class="reject-time">
                        <span>12:11</span>
                    </div>
                    <div class="reject-text">
                        <span>您的手机号已发送给对方</span>
                    </div>
                </div>
                <!-- 交换联系方式模板left -->
                <div class="ask-exchange-left clearfix">
                    <img src="./images/face.png" alt="">
                    <div class="ask-change-contain-right fr">
                        <div class="ask-change-text">
                            <div class="ask-text">
                                <span>我想要跟您交换联系方式,您食肉同意</span>
                            </div>
                            <img src="./images/phone.png" alt="">
                        </div>
                        <div class="ask-result">
                            <div class="ask-item">
                                <span style="color: #D03F3D;">同意</span>
                            </div>
                            <div class="ask-item">
                                <span>拒绝</span>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 成功交换方式模板 left-->
                <div class="ask-exchange-success-left clearfix">
                    <img src="./images/face.png" alt="">
                    <div class="ask-change-success-contain-left fr">
                        <div class="ask-change-text">
                            <div class="ask-text">
                                <span>我想要跟您交换联系方式,您食肉同意</span>
                            </div>
                            <img src="./images/phone.png" alt="">
                        </div>
                    </div>
                </div>
                <!-- 拒绝对方请求 -->
                <div class="reject-exchange">
                    <div class="reject-time">
                        <span>12:11</span>
                    </div>
                    <div class="reject-text">
                        <span>您已决绝对方的请求</span>
                    </div>
                </div>
                <!-- 聊天模板left -->
                <div class="chat-box-left">
                    <img src="./images/face.png" alt="">
                    <div class="chat-box">
                        <span>你好，很高兴认识你，你现在还好么~</span>
                    </div>
                </div>
                <!-- 聊天模板right -->
                <div class="chat-box-right" id="view">
                    <img src="./images/face.png" alt="">
                    <div class="box-right">
                        <span>你好，很高兴认识你，你现在还好么~</span>
                    </div>
                </div>
                <!-- 聊天结束模板 -->
                <div class="chat-ending">
                    <div class="chat-ending-line"></div>
                    <div class="chat-ending-text">
                        <span>聊天已结束</span>
                    </div>
                    <div class="chat-ending-line"></div>
                </div>
            </div>
            <!-- input栏目模板 -->
            <div class="page-chat-input">
                <div class="chat-input-box">
                    <input id="chat-input" type="text">
                </div>
                <div class="page-botton clearfix">
                    <div class="page-botton-fl fl">
                        <div class="usu-text">
                            <span>常用语</span>
                        </div>
                        <img class="face-image" src="./images/face.png" alt="">
                        <img class="photo-image" src="./images/photo.png" alt="">
                    </div>
                    <botton class="page-botton-fr fr">
                        <span>发送</span>
                    </botton>
                </div>
            </div>
            <!-- 常用语模块 -->
            <div class="page-common-language">
                <div class="common-language-contain">
                    <div class="common-language-contain-item clearfix">
                        <div class="language-contain-fl fl">
                            <span>常用语1 （ 只显示一行，只显示一行超过部分超…</span>
                        </div>
                        <div class="language-contain-fr fr">
                            <span>默认</span>
                        </div>
                    </div>
                    <div class="common-language-contain-item clearfix">
                        <div class="language-contain-fl fl">
                            <span>常用语1 （ 只显示一行，只显示一行超过部分超…</span>
                        </div>
                        <div class="language-contain-fr fr">
                            <span>默认</span>
                        </div>
                    </div>
                    <div class="common-language-contain-item clearfix">
                        <div class="language-contain-fl fl">
                            <span>常用语1 （ 只显示一行，只显示一行超过部分超…</span>
                        </div>
                        <div class="language-contain-fr fr">
                            <span>默认</span>
                        </div>
                    </div>
                    <div class="common-language-contain-item clearfix">
                        <div class="language-contain-fl fl">
                            <span>常用语1 （ 只显示一行，只显示一行超过部分超…</span>
                        </div>
                        <div class="language-contain-fr fr">
                            <span>默认</span>
                        </div>
                    </div>
                </div>
                <div class="common-language-dec">
                    <span>设置默认常用语，将作为打招呼语发出</span>
                </div>
            </div>
            <!-- 表情栏目 -->
            <div class="page-face-contain">
                
              
            </div>
        </div>
    </div>
</body>
<script src="./js/index.js">
</script>

</html>